<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<!--css-->
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/public.css" />
	</head>

	<body class="bg-gray">
		<header class="mui-bar mui-bar-nav head-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">精品课程</h1>
			<a class="mui-icon mui-icon-more mui-pull-right"></a>
		</header>
		<!--DOM	-->
		<div class="mui-content bg-gray">
			<div class="excellent-course-content-video">
				<img src="images/excellent-course-content-video.jpg" alt="" />
			</div>
			<!---->
			<div class="mui-slider excellent-course-slider-box">
				<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted excellent-course-slider-tab">
					<a class="mui-control-item mui-active" href="#item1">详情</a>
					<a class="mui-control-item" href="#item2">章节</a>
				</div>
				<div class="mui-slider-group">
					<div id="item1" class="mui-slider-item mui-control-content mui-active">
						<ul class="mui-table-view excellent-course-list excellent-course-content-list">
							<li class="mui-table-view-cell mui-media">
								<a class="mui-navigate-right">
									<div class="mui-media-body" style="width:100%;">
										<h5 class="mui-ellipsis-2">smart3D EPS SSK 课程</h5>
										<p>￥232.80 </p>
										<p>23人购买</p>
									</div>
								</a>
							</li>
						</ul>
						<div class="chat-content bg-white excellentCourse-content">
							<div class="list-header">
								<a class="header-icon">
									概况
								</a>
							</div>
							<ul class="mui-table-view user-list">
								<li class="mui-table-view-cell mui-media user-header-box dx-header-box">
									<a class="mui-navigate-right">
										<div class="mui-clearfix">
											<div class="mui-media-object mui-pull-left">
												<img src="images/user-header-img.png">
											</div>
											<div class="mui-media-body">
												<h5>Momoko</h5>
												<p>掌门号：234935</p>
											</div>
										</div>
										<div class="user-info-content">
											<div class="user-info-item">
												<p>24</p>
												<p>在售课程</p>
											</div>
											<div class="user-info-item">
												<p>58</p>
												<p>免费课程</p>
											</div>
											<div class="user-info-item">
												<p>16</p>
												<p>收藏数量</p>
											</div>
										</div>
										<p class="user-text-qm">个性签名：专注于机器学习与计算机视觉领域，深度学习领域一 线实战专家。
										</p>
									</a>
								</li>
							</ul>
						</div>

						<div class="chat-content bg-white" style="margin: 10px 0 0 0;padding:0 10px 10px;">
							<div class="list-header">
								<a class="header-icon" style="background-image: url(images/header-icon-xkdetailicon.png);">
									评论
								</a>
							</div>
							<div style="width: 100%;margin:0px auto 10px;border-radius: 5px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.08);">
								<dl class="all-pl-group">
									<dt class="mui-clearfix">
										<div class="head">
											<img src="images/personalData-headImg.png" alt="">
										</div>
										<div class="mui-pull-left">
											<p>一克拉梦想ykt1</p>
											<p style="color: #b2b2b2;font-size: 12px;">10小时前</p>
											<p>请问这个软件我应该从哪里学起呢？</p>
										</div>
									</dt>

								</dl>
								<dl class="all-pl-group">
									<dt class="mui-clearfix">
										<div class="head">
											<img src="images/personalData-headImg.png" alt="">
										</div>
										<div class="mui-pull-left">
											<p>一克拉梦想ykt1</p>
											<p style="color: #b2b2b2;font-size: 12px;">10小时前</p>
											<p>请问这个软件我应该从哪里学起呢？</p>
										</div>
									</dt>
								</dl>
							</div>
						</div>
					</div>
					<!--  -->
					<div id="item2" class="mui-slider-item mui-control-content">
						<div class="course-list">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell course-list-item">
									<a class="mui-navigate-right">
										1.课程简介
									</a>
								</li>
								<li class="mui-table-view-cell course-list-item">
									<a class="mui-navigate-right">
										2.工具介绍
									</a>
								</li>
								<li class="mui-table-view-cell course-list-item">
									<a class="mui-navigate-right">
										3.三角测量
									</a>
								</li>
								<li class="mui-table-view-cell course-list-item">
									<a class="mui-navigate-right">
										4.点云提取
									</a>
								</li>
								<li class="mui-table-view-cell course-list-item">
									<a class="mui-navigate-right">
										5.DSM、DEM提取
									</a>
								</li>
								<li class="mui-table-view-cell course-list-item">
									<a class="mui-navigate-right">
										6.正射影像输出
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="buy-flex-box">
					<span class="cosult-btn">
						咨询
					</span>
					<button class="mui-btn mui-btn-yellow">
						立即购买
					</button>
				</div>
			</div>
			<!---->

		</div>

		<!-- JS -->
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
	</body>
	<script type="text/javascript" charset="utf-8">
		mui.init();
	</script>

</html>
